<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/images/logo.ico" type="image/x-icon">
    <title>整个项目数据</title>
    <!-- 1. 导入CSS的全局样式 -->
    <link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet">
    <!-- 2. jQuery导入，建议使用1.9以上的版本 -->
    <script src="${pageContext.request.contextPath}/js/jquery-3.6.0.js"></script>
    <!-- 3. 导入bootstrap的js文件 -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
    <style>
        /*        .head {
                    display: flex;
                    justify-content: space-between;
                }*/
        .head_flex {
            /*background-color: #9acfea;*/
            float: left;
            /*background-color: #b2dba1;*/
            margin-bottom: 20px;
            /*            height: 20px;
                        width: 99%;*/
        }
        .head_flex img {
            margin: 10px;
            height: 28px;
            width: 80px;
        }
        .mytable {
            display: flex;
            justify-content: center;
        }
        table {
            border-collapse: collapse;
            width: 99%;
            /*font-size: 20px;*/
        }
        caption {
            font-size: 25px;
            font-weight: 800;
        }
        table, th, td {
            border: 1px solid black;
        }
        th {
            height: 50px;
            text-align: center;
        }
        .success th {
            background-color: #dff0d8;
        }
        td {
            height: 50px;
            text-align: center;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        th {
            background-color: white;
        }
        .footer {
            display: flex;

            justify-content: center;
        }
        .footer2 {
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        .footer2 p {
            margin: 10px;
        }
        .edit_content {
            margin: 20px auto;
            display: flex;
            justify-content: center;
        }
        .edit_content button{
            color: white;
            width: 30%;
            height: 30px;
            border: 2px solid #909399;
            border-radius: 5px;
            background-color: #909399;
        }
        .edit_content button:hover {
            opacity: 0.5;
        }
        caption {
            font-size: 25px;
            font-weight: 800;
        }
        .form-inline {
            /*            background-color: #a6e1ec;*/
            margin: 0 auto;
            margin-top: 10px;
            font-size: 16px;
            width: 99%;
            display: flex;
            justify-content: space-between;
            color: #787878;
        }


    </style>
</head>
<body>
<%--<div class="head">

</div>--%>
<%--<div class="head_flex">
    <img src="${pageContext.request.contextPath}/images/logo.png">
</div>--%>


<h3 style="text-align: center;font-weight: bold ;width: 95% ; margin: 30px auto">${project_name}智能鼠盒记录</h3>

<div class="mytable">

    <table border="1" >
        <!--<caption style="text-align: center; color: #0f0f0f" >岭南师范学院灭蚊灯记录卡</caption>-->
        <tr class="success">
            <th>序号</th>
            <th >IMEI号</th>
            <th>节点位置</th>
            <th>5分钟内经过次数</th>
            <th >上传时间</th>
        </tr>
        <c:forEach items="${project_data}" var="data" varStatus="s">
            <tr>
                <td>${s.count}</td>
                <td>${data.IMEI}</td>
                <td>${data.node_location}</td>
                <td>${data.data}</td>
                <td>${data.data_date}</td>
            </tr>
        </c:forEach>
    </table>
</div>

<div class="edit_content">
    <button type="button" onclick="window.location.href='login.jsp';">退出登录</button>
</div>
<%--
<div class="footer">

    <div class="footer2">
        <p style="color: red" >注意：<br>
        </p>
        <p>岭南师范学院<br />电话:020-91401063</p>
    </div>
</div>
--%>


<!--<div class="edit_content">
    <button><a href="login.jsp">修改信息</a></button>
</div>-->

<script type="text/javascript">

</script>
</body>
</html>
